<template>
  <div>
    <h3>这是coma组件</h3>
    <input type="button" value="coma发送数据" @click="sendToC" />
    <input type="button" value="向子组件comason发送数组" @click="sendToSon" />
    <comason></comason>
  </div>
</template>
<script>
/**
 * EventBus（事件中心）实现父子、隔代和兄弟间的通信
 * 具体方法：
 * 1.在main.js定义一个vue的空实例，并暴露出去 var Event=new Vue();export {Event};
 * 2.在需要通信的场合中引入事件中心对象，该对象通过事件的触发和事件的监听来实现通信
 * 事件触发：Event.$emit('标识符a',传值);  发送数据
 * 事件监听：Event.$on('标识符a',val=>this.接收变量=val);
 *
 */
import { Event } from '../../main';
import ComaSon from '../../components/subcomponents/comaSon.vue';
export default {
  data() {
    return { name: 'TOM' };
  },
  methods: {
    sendToC() {
      Event.$emit('coma', this.name);
    },
    sendToSon() {
      Event.$emit('comason', this.name);
    }
  },
  components: {
    comason: ComaSon
  }
};
</script>
